<header class="header">
  <div class="top nav">
    <h1><a href="{$host}">{$zbp->Config('ytecn_pjax')->logo}</a></h1>
    <ul id="divNavBar">
      {module:navbar}
    </ul>
    <div class="bottonicon"><span></span></div>
  </div>
</header>
<div class="mu" style="display: none;">
  <ul>
    {module:navbar}
  </ul>
</div>

<div class="banner" style="background:url({$zbp->Config('ytecn_pjax')->search}) center top;background-size: cover;
    background-position: 30% 30%;">
  <div class="h1">
      <div class="box">
        <h2 class="h2">{$zbp->Config('ytecn_pjax')->bannertitle}</h2>
        <div class="form">{$zbp->Config('ytecn_pjax')->bannerintro}</div>
      </div>
    </div>
  <svg class="editorial" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
    viewbox="0 24 100 28" preserveaspectratio="none">
    <defs>
      <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path>
    </defs>
    <g class="parallax">
      <use xlink:href="#gentle-wave" x="50" y="0" fill="rgba(255,255,255,.1)"></use>
      <use xlink:href="#gentle-wave" x="50" y="3" fill="rgba(255,255,255,.2)"></use>
      <use xlink:href="#gentle-wave" x="50" y="6" fill="#eeeeee"></use>
    </g>
  </svg>
</div>
